
$(function(){
    // 渲染历史记录
    // var arr=[]
    // localStorage.setItem('search',JSON.stringify(arr));
    renderHistory();

    function renderHistory(){
        var searchStr=localStorage.getItem('search')||[];
        var arr=JSON.parse(searchStr);
        $('.lt-history').html(template('list-temp',{list:arr}))
    }
    // 清空历史记录
    $('.btn-empty').on('click',function(){
        mui.confirm(
            '确定要清空历史记录吗?',    //内容
            '温馨提示',                //标题
            ['取消','确认'],           //取消确认
            function(data){           //回调函数
                if(data.index==1){
                    localStorage.removeItem('search');
                    renderHistory();
                }
            }
        )
        
    })

    // 删除单条历史记录
    // 事件委托,点击删除按钮,弹出模态框,获取当前数据的id,
    //取出localstorage中json格式字符串,转数组,删除对应的数据
    //再将数组转成json格式存到localstarage中,重新渲染数据
    $('.lt-history').on('click','.btn-delete',function(){
        var id=$(this).data('index');
        // alert(id);
        mui.confirm(
            '确定要删除该条历史记录吗?',    //内容
            '温馨提示',                //标题
            ['取消','确认'],           //取消确认
            function(data){           //回调函数
                if(data.index==1){
                    var str=localStorage.getItem('search');
                    var arr=JSON.parse(str);
                    arr.splice(id,1);
                    localStorage.setItem('search',JSON.stringify(arr));  
                    renderHistory();
                }
            }
        )
    })

    //添加历史记录
    // 点击按钮获取搜索框中的值,将值添加到localstorage中,
    //先取出字符串,转数组,添加到数组最前面,转字符串存进去,重新渲染
    $('.search_btn').click(function(){
        var txt=$('.search-text').val();
        if(txt.trim().length==0){
            mui.toast('搜索关键字不能为空!') ;
            return;
        }
        var arr=JSON.parse(localStorage.getItem('search'))||[];
        //添加之前判断不能出现同一条搜索记录
        var index=arr.indexOf(txt);
        if(index!=-1){
            arr.splice(index,1);
        }
        arr.unshift(txt);
        // 历史记录不能超过十条,如果超出删除最后一条
        if(arr.length>8){
            arr.pop();
        }
        // console.log(arr);
        localStorage.setItem('search',JSON.stringify(arr));
        renderHistory();
        // 跳转到搜索结果,商品列表页面
        location.href="searchList.html?key="+txt;
    })
})